<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1184081" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">base-统计</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">base-详情</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">base-柱状图</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">base-折线图</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">base-饼状图</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">base-最小化</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">base-最大化</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">base-关闭</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">base-部门查询</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">base-功能权限</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">base-附件</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">base-属性查看</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">base-修改密码</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">base-部门管理</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">base-修改编辑</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">base-帮助</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">base-用户部门</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">base-用户查询</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">base-角色管理</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">base-系统管理</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">base-用户信息</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">base-用户角色</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">base-信息查看</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">base-版本更新</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">base-测量清除</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">base-参数设置</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">base-查询定位</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">base-导入工具</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">base-导入</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">base-点击查询</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">base-查询</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">base-标注</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">base-取消</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">base-密码</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">base-角色管理</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">base-数据管理</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">base-权限管理</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">base-全部清除</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">base-用户管理</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">base-方案管理</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">base-右滑</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">base-右箭头</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">base-重置</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">base-应用</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">base-浏览设置</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">base-左箭头</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">base-综合查询</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">base-文件夹关闭</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">base-详情</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">base-用户</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">base-删 除</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">base-预览</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">base-左滑</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">base-截图</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">base-书签管理</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">base-辅助工具</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">base-分析功能</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">base-用户角色管理</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">base-文件夹打开</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">base-选择列表</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">base-字段过滤</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">base-资源搜索结果</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">base-用户注册</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">base-项目流程</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">base-用户权限</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">base-项目填报</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">base-数据检查</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">base-我的已办</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">base-系统工具</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">base-我的待办</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">base-条件选择</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">base-属性查询</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">base-属性修改</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">base-日志详情</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">base-明细</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">base-属性批量修改</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">base-实体日志</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">base-实体权限</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">base-过滤条件</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">base-工单详情</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">base-日志管理</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">base-工单查询</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">base-工单检查</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">base-工单管理</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">base-关联字段</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">base-菜单回缩</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">base-登录日志</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">base-查询统计</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">base-查询过滤</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">base-部分报表</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">base-其他检查</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">base-部门编辑</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">base-查询结果</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">base-按钮权限</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">base-表导入操作</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">base-部门与用户关联</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">base-附件下载</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">base-全部报表</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">base-项目概览</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">base-搜索</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">base-综合服务</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">base-实体清除</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">base-默认窗口</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">base-确定</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">base-数据导入</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">base-数据挖掘</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">base-设置</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">base-联系我们</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">base-查看附件</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">base-审核通过</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">base-查看审核意见</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">base-申请修改</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">base-用户审核</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">base-补贴目录</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">base-审核不通过</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">base-政策法规</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">全部</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">我发起的流程</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">应用功能</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">办公</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">请假流程</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">base-添加</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">base-日历</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">图片加载失败</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-statistics"></span>
            <div class="name">
              base-统计
            </div>
            <div class="code-name">.icon-statistics
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-details"></span>
            <div class="name">
              base-详情
            </div>
            <div class="code-name">.icon-details
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-histogram"></span>
            <div class="name">
              base-柱状图
            </div>
            <div class="code-name">.icon-histogram
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-linechart"></span>
            <div class="name">
              base-折线图
            </div>
            <div class="code-name">.icon-linechart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-piechart"></span>
            <div class="name">
              base-饼状图
            </div>
            <div class="code-name">.icon-piechart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-base-zuixiaohua"></span>
            <div class="name">
              base-最小化
            </div>
            <div class="code-name">.icon-base-zuixiaohua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-base-zuidahua"></span>
            <div class="name">
              base-最大化
            </div>
            <div class="code-name">.icon-base-zuidahua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-base-guanbi"></span>
            <div class="name">
              base-关闭
            </div>
            <div class="code-name">.icon-base-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SelOrganPerm"></span>
            <div class="name">
              base-部门查询
            </div>
            <div class="code-name">.icon-SelOrganPerm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AssignFunc"></span>
            <div class="name">
              base-功能权限
            </div>
            <div class="code-name">.icon-AssignFunc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Annex"></span>
            <div class="name">
              base-附件
            </div>
            <div class="code-name">.icon-Annex
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AttView"></span>
            <div class="name">
              base-属性查看
            </div>
            <div class="code-name">.icon-AttView
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-PswSet"></span>
            <div class="name">
              base-修改密码
            </div>
            <div class="code-name">.icon-PswSet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ManOrgan"></span>
            <div class="name">
              base-部门管理
            </div>
            <div class="code-name">.icon-ManOrgan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AttInput"></span>
            <div class="name">
              base-修改编辑
            </div>
            <div class="code-name">.icon-AttInput
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-HelpPreview"></span>
            <div class="name">
              base-帮助
            </div>
            <div class="code-name">.icon-HelpPreview
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ManUserOrgan"></span>
            <div class="name">
              base-用户部门
            </div>
            <div class="code-name">.icon-ManUserOrgan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SelOrganUserPerm"></span>
            <div class="name">
              base-用户查询
            </div>
            <div class="code-name">.icon-SelOrganUserPerm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ManRole"></span>
            <div class="name">
              base-角色管理
            </div>
            <div class="code-name">.icon-ManRole
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xtmanage"></span>
            <div class="name">
              base-系统管理
            </div>
            <div class="code-name">.icon-xtmanage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-UserInfo"></span>
            <div class="name">
              base-用户信息
            </div>
            <div class="code-name">.icon-UserInfo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ManUserRole"></span>
            <div class="name">
              base-用户角色
            </div>
            <div class="code-name">.icon-ManUserRole
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AttsTab"></span>
            <div class="name">
              base-信息查看
            </div>
            <div class="code-name">.icon-AttsTab
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-update"></span>
            <div class="name">
              base-版本更新
            </div>
            <div class="code-name">.icon-update
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cleanup"></span>
            <div class="name">
              base-测量清除
            </div>
            <div class="code-name">.icon-cleanup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-parameter"></span>
            <div class="name">
              base-参数设置
            </div>
            <div class="code-name">.icon-parameter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-querylocation"></span>
            <div class="name">
              base-查询定位
            </div>
            <div class="code-name">.icon-querylocation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-import1"></span>
            <div class="name">
              base-导入工具
            </div>
            <div class="code-name">.icon-import1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-import"></span>
            <div class="name">
              base-导入
            </div>
            <div class="code-name">.icon-import
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-click"></span>
            <div class="name">
              base-点击查询
            </div>
            <div class="code-name">.icon-click
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-query"></span>
            <div class="name">
              base-查询
            </div>
            <div class="code-name">.icon-query
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-label"></span>
            <div class="name">
              base-标注
            </div>
            <div class="code-name">.icon-label
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cancel"></span>
            <div class="name">
              base-取消
            </div>
            <div class="code-name">.icon-cancel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-password"></span>
            <div class="name">
              base-密码
            </div>
            <div class="code-name">.icon-password
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rolemanage"></span>
            <div class="name">
              base-角色管理
            </div>
            <div class="code-name">.icon-rolemanage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-date"></span>
            <div class="name">
              base-数据管理
            </div>
            <div class="code-name">.icon-date
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-property"></span>
            <div class="name">
              base-权限管理
            </div>
            <div class="code-name">.icon-property
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-scavenging"></span>
            <div class="name">
              base-全部清除
            </div>
            <div class="code-name">.icon-scavenging
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user"></span>
            <div class="name">
              base-用户管理
            </div>
            <div class="code-name">.icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-project"></span>
            <div class="name">
              base-方案管理
            </div>
            <div class="code-name">.icon-project
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rightslip"></span>
            <div class="name">
              base-右滑
            </div>
            <div class="code-name">.icon-rightslip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rightarrow"></span>
            <div class="name">
              base-右箭头
            </div>
            <div class="code-name">.icon-rightarrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-resetting"></span>
            <div class="name">
              base-重置
            </div>
            <div class="code-name">.icon-resetting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-apply"></span>
            <div class="name">
              base-应用
            </div>
            <div class="code-name">.icon-apply
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-browse"></span>
            <div class="name">
              base-浏览设置
            </div>
            <div class="code-name">.icon-browse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leftarrow"></span>
            <div class="name">
              base-左箭头
            </div>
            <div class="code-name">.icon-leftarrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-integrat"></span>
            <div class="name">
              base-综合查询
            </div>
            <div class="code-name">.icon-integrat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folderclose"></span>
            <div class="name">
              base-文件夹关闭
            </div>
            <div class="code-name">.icon-folderclose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangqing"></span>
            <div class="name">
              base-详情
            </div>
            <div class="code-name">.icon-xiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-subscriber"></span>
            <div class="name">
              base-用户
            </div>
            <div class="code-name">.icon-subscriber
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delete"></span>
            <div class="name">
              base-删 除
            </div>
            <div class="code-name">.icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-preview"></span>
            <div class="name">
              base-预览
            </div>
            <div class="code-name">.icon-preview
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leftslip"></span>
            <div class="name">
              base-左滑
            </div>
            <div class="code-name">.icon-leftslip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-screenshot"></span>
            <div class="name">
              base-截图
            </div>
            <div class="code-name">.icon-screenshot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bookmark"></span>
            <div class="name">
              base-书签管理
            </div>
            <div class="code-name">.icon-bookmark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tool"></span>
            <div class="name">
              base-辅助工具
            </div>
            <div class="code-name">.icon-tool
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-analysis"></span>
            <div class="name">
              base-分析功能
            </div>
            <div class="code-name">.icon-analysis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-role"></span>
            <div class="name">
              base-用户角色管理
            </div>
            <div class="code-name">.icon-role
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-folderopen"></span>
            <div class="name">
              base-文件夹打开
            </div>
            <div class="code-name">.icon-folderopen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuanzeliebiao"></span>
            <div class="name">
              base-选择列表
            </div>
            <div class="code-name">.icon-xuanzeliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-FldFilter"></span>
            <div class="name">
              base-字段过滤
            </div>
            <div class="code-name">.icon-FldFilter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-NavResourceRst"></span>
            <div class="name">
              base-资源搜索结果
            </div>
            <div class="code-name">.icon-NavResourceRst
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-userregister"></span>
            <div class="name">
              base-用户注册
            </div>
            <div class="code-name">.icon-userregister
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-projectprocess"></span>
            <div class="name">
              base-项目流程
            </div>
            <div class="code-name">.icon-projectprocess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-userauthority"></span>
            <div class="name">
              base-用户权限
            </div>
            <div class="code-name">.icon-userauthority
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-projectfilling"></span>
            <div class="name">
              base-项目填报
            </div>
            <div class="code-name">.icon-projectfilling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CheckDataTabs"></span>
            <div class="name">
              base-数据检查
            </div>
            <div class="code-name">.icon-CheckDataTabs
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-TickFinish"></span>
            <div class="name">
              base-我的已办
            </div>
            <div class="code-name">.icon-TickFinish
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-systemtool"></span>
            <div class="name">
              base-系统工具
            </div>
            <div class="code-name">.icon-systemtool
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-TickToDo"></span>
            <div class="name">
              base-我的待办
            </div>
            <div class="code-name">.icon-TickToDo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Condition"></span>
            <div class="name">
              base-条件选择
            </div>
            <div class="code-name">.icon-Condition
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-QryAtt"></span>
            <div class="name">
              base-属性查询
            </div>
            <div class="code-name">.icon-QryAtt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-SelAttRevise"></span>
            <div class="name">
              base-属性修改
            </div>
            <div class="code-name">.icon-SelAttRevise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-LoginDetail"></span>
            <div class="name">
              base-日志详情
            </div>
            <div class="code-name">.icon-LoginDetail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ReptDetail"></span>
            <div class="name">
              base-明细
            </div>
            <div class="code-name">.icon-ReptDetail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AttsModify"></span>
            <div class="name">
              base-属性批量修改
            </div>
            <div class="code-name">.icon-AttsModify
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-EntityLog"></span>
            <div class="name">
              base-实体日志
            </div>
            <div class="code-name">.icon-EntityLog
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AssignEntity"></span>
            <div class="name">
              base-实体权限
            </div>
            <div class="code-name">.icon-AssignEntity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ExpMoreInput"></span>
            <div class="name">
              base-过滤条件
            </div>
            <div class="code-name">.icon-ExpMoreInput
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-TickDetail"></span>
            <div class="name">
              base-工单详情
            </div>
            <div class="code-name">.icon-TickDetail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logs"></span>
            <div class="name">
              base-日志管理
            </div>
            <div class="code-name">.icon-logs
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-TickQuery"></span>
            <div class="name">
              base-工单查询
            </div>
            <div class="code-name">.icon-TickQuery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-TickCheck"></span>
            <div class="name">
              base-工单检查
            </div>
            <div class="code-name">.icon-TickCheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Ticket"></span>
            <div class="name">
              base-工单管理
            </div>
            <div class="code-name">.icon-Ticket
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ImpTable"></span>
            <div class="name">
              base-关联字段
            </div>
            <div class="code-name">.icon-ImpTable
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-retracting"></span>
            <div class="name">
              base-菜单回缩
            </div>
            <div class="code-name">.icon-retracting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-LoginLog"></span>
            <div class="name">
              base-登录日志
            </div>
            <div class="code-name">.icon-LoginLog
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-querycount"></span>
            <div class="name">
              base-查询统计
            </div>
            <div class="code-name">.icon-querycount
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-queryfilter"></span>
            <div class="name">
              base-查询过滤
            </div>
            <div class="code-name">.icon-queryfilter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-partreport"></span>
            <div class="name">
              base-部分报表
            </div>
            <div class="code-name">.icon-partreport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CheckOther"></span>
            <div class="name">
              base-其他检查
            </div>
            <div class="code-name">.icon-CheckOther
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-departmentedit"></span>
            <div class="name">
              base-部门编辑
            </div>
            <div class="code-name">.icon-departmentedit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-CheckResult"></span>
            <div class="name">
              base-查询结果
            </div>
            <div class="code-name">.icon-CheckResult
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AssignButton"></span>
            <div class="name">
              base-按钮权限
            </div>
            <div class="code-name">.icon-AssignButton
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ImpExcel"></span>
            <div class="name">
              base-表导入操作
            </div>
            <div class="code-name">.icon-ImpExcel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-departmentanduser"></span>
            <div class="name">
              base-部门与用户关联
            </div>
            <div class="code-name">.icon-departmentanduser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-attachment"></span>
            <div class="name">
              base-附件下载
            </div>
            <div class="code-name">.icon-attachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-allreport"></span>
            <div class="name">
              base-全部报表
            </div>
            <div class="code-name">.icon-allreport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-projectoverview"></span>
            <div class="name">
              base-项目概览
            </div>
            <div class="code-name">.icon-projectoverview
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search"></span>
            <div class="name">
              base-搜索
            </div>
            <div class="code-name">.icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-services"></span>
            <div class="name">
              base-综合服务
            </div>
            <div class="code-name">.icon-services
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-stcleanup"></span>
            <div class="name">
              base-实体清除
            </div>
            <div class="code-name">.icon-stcleanup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-window"></span>
            <div class="name">
              base-默认窗口
            </div>
            <div class="code-name">.icon-window
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-determine"></span>
            <div class="name">
              base-确定
            </div>
            <div class="code-name">.icon-determine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dateimport"></span>
            <div class="name">
              base-数据导入
            </div>
            <div class="code-name">.icon-dateimport
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-datamining"></span>
            <div class="name">
              base-数据挖掘
            </div>
            <div class="code-name">.icon-datamining
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ptparameter"></span>
            <div class="name">
              base-设置
            </div>
            <div class="code-name">.icon-ptparameter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-contact"></span>
            <div class="name">
              base-联系我们
            </div>
            <div class="code-name">.icon-contact
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-viewattachment"></span>
            <div class="name">
              base-查看附件
            </div>
            <div class="code-name">.icon-viewattachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-through"></span>
            <div class="name">
              base-审核通过
            </div>
            <div class="code-name">.icon-through
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-viewopinion"></span>
            <div class="name">
              base-查看审核意见
            </div>
            <div class="code-name">.icon-viewopinion
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-applyedit"></span>
            <div class="name">
              base-申请修改
            </div>
            <div class="code-name">.icon-applyedit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-userexamine"></span>
            <div class="name">
              base-用户审核
            </div>
            <div class="code-name">.icon-userexamine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-subsidy"></span>
            <div class="name">
              base-补贴目录
            </div>
            <div class="code-name">.icon-subsidy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-notthrough"></span>
            <div class="name">
              base-审核不通过
            </div>
            <div class="code-name">.icon-notthrough
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-policies"></span>
            <div class="name">
              base-政策法规
            </div>
            <div class="code-name">.icon-policies
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-all"></span>
            <div class="name">
              全部
            </div>
            <div class="code-name">.icon-all
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-launch"></span>
            <div class="name">
              我发起的流程
            </div>
            <div class="code-name">.icon-launch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-news"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-news
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-application"></span>
            <div class="name">
              应用功能
            </div>
            <div class="code-name">.icon-application
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-work"></span>
            <div class="name">
              办公
            </div>
            <div class="code-name">.icon-work
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leavep"></span>
            <div class="name">
              请假流程
            </div>
            <div class="code-name">.icon-leavep
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-my"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.icon-my
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-location"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-location
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-addto"></span>
            <div class="name">
              base-添加
            </div>
            <div class="code-name">.icon-addto
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-calendar"></span>
            <div class="name">
              base-日历
            </div>
            <div class="code-name">.icon-calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plf"></span>
            <div class="name">
              图片加载失败
            </div>
            <div class="code-name">.icon-plf
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-statistics"></use>
                </svg>
                <div class="name">base-统计</div>
                <div class="code-name">#icon-statistics</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-details"></use>
                </svg>
                <div class="name">base-详情</div>
                <div class="code-name">#icon-details</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-histogram"></use>
                </svg>
                <div class="name">base-柱状图</div>
                <div class="code-name">#icon-histogram</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-linechart"></use>
                </svg>
                <div class="name">base-折线图</div>
                <div class="code-name">#icon-linechart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-piechart"></use>
                </svg>
                <div class="name">base-饼状图</div>
                <div class="code-name">#icon-piechart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-base-zuixiaohua"></use>
                </svg>
                <div class="name">base-最小化</div>
                <div class="code-name">#icon-base-zuixiaohua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-base-zuidahua"></use>
                </svg>
                <div class="name">base-最大化</div>
                <div class="code-name">#icon-base-zuidahua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-base-guanbi"></use>
                </svg>
                <div class="name">base-关闭</div>
                <div class="code-name">#icon-base-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SelOrganPerm"></use>
                </svg>
                <div class="name">base-部门查询</div>
                <div class="code-name">#icon-SelOrganPerm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AssignFunc"></use>
                </svg>
                <div class="name">base-功能权限</div>
                <div class="code-name">#icon-AssignFunc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Annex"></use>
                </svg>
                <div class="name">base-附件</div>
                <div class="code-name">#icon-Annex</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AttView"></use>
                </svg>
                <div class="name">base-属性查看</div>
                <div class="code-name">#icon-AttView</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-PswSet"></use>
                </svg>
                <div class="name">base-修改密码</div>
                <div class="code-name">#icon-PswSet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ManOrgan"></use>
                </svg>
                <div class="name">base-部门管理</div>
                <div class="code-name">#icon-ManOrgan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AttInput"></use>
                </svg>
                <div class="name">base-修改编辑</div>
                <div class="code-name">#icon-AttInput</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-HelpPreview"></use>
                </svg>
                <div class="name">base-帮助</div>
                <div class="code-name">#icon-HelpPreview</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ManUserOrgan"></use>
                </svg>
                <div class="name">base-用户部门</div>
                <div class="code-name">#icon-ManUserOrgan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SelOrganUserPerm"></use>
                </svg>
                <div class="name">base-用户查询</div>
                <div class="code-name">#icon-SelOrganUserPerm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ManRole"></use>
                </svg>
                <div class="name">base-角色管理</div>
                <div class="code-name">#icon-ManRole</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xtmanage"></use>
                </svg>
                <div class="name">base-系统管理</div>
                <div class="code-name">#icon-xtmanage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-UserInfo"></use>
                </svg>
                <div class="name">base-用户信息</div>
                <div class="code-name">#icon-UserInfo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ManUserRole"></use>
                </svg>
                <div class="name">base-用户角色</div>
                <div class="code-name">#icon-ManUserRole</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AttsTab"></use>
                </svg>
                <div class="name">base-信息查看</div>
                <div class="code-name">#icon-AttsTab</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-update"></use>
                </svg>
                <div class="name">base-版本更新</div>
                <div class="code-name">#icon-update</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cleanup"></use>
                </svg>
                <div class="name">base-测量清除</div>
                <div class="code-name">#icon-cleanup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-parameter"></use>
                </svg>
                <div class="name">base-参数设置</div>
                <div class="code-name">#icon-parameter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-querylocation"></use>
                </svg>
                <div class="name">base-查询定位</div>
                <div class="code-name">#icon-querylocation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import1"></use>
                </svg>
                <div class="name">base-导入工具</div>
                <div class="code-name">#icon-import1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-import"></use>
                </svg>
                <div class="name">base-导入</div>
                <div class="code-name">#icon-import</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-click"></use>
                </svg>
                <div class="name">base-点击查询</div>
                <div class="code-name">#icon-click</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-query"></use>
                </svg>
                <div class="name">base-查询</div>
                <div class="code-name">#icon-query</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-label"></use>
                </svg>
                <div class="name">base-标注</div>
                <div class="code-name">#icon-label</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cancel"></use>
                </svg>
                <div class="name">base-取消</div>
                <div class="code-name">#icon-cancel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-password"></use>
                </svg>
                <div class="name">base-密码</div>
                <div class="code-name">#icon-password</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rolemanage"></use>
                </svg>
                <div class="name">base-角色管理</div>
                <div class="code-name">#icon-rolemanage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-date"></use>
                </svg>
                <div class="name">base-数据管理</div>
                <div class="code-name">#icon-date</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-property"></use>
                </svg>
                <div class="name">base-权限管理</div>
                <div class="code-name">#icon-property</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-scavenging"></use>
                </svg>
                <div class="name">base-全部清除</div>
                <div class="code-name">#icon-scavenging</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user"></use>
                </svg>
                <div class="name">base-用户管理</div>
                <div class="code-name">#icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-project"></use>
                </svg>
                <div class="name">base-方案管理</div>
                <div class="code-name">#icon-project</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rightslip"></use>
                </svg>
                <div class="name">base-右滑</div>
                <div class="code-name">#icon-rightslip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rightarrow"></use>
                </svg>
                <div class="name">base-右箭头</div>
                <div class="code-name">#icon-rightarrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-resetting"></use>
                </svg>
                <div class="name">base-重置</div>
                <div class="code-name">#icon-resetting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-apply"></use>
                </svg>
                <div class="name">base-应用</div>
                <div class="code-name">#icon-apply</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-browse"></use>
                </svg>
                <div class="name">base-浏览设置</div>
                <div class="code-name">#icon-browse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leftarrow"></use>
                </svg>
                <div class="name">base-左箭头</div>
                <div class="code-name">#icon-leftarrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-integrat"></use>
                </svg>
                <div class="name">base-综合查询</div>
                <div class="code-name">#icon-integrat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folderclose"></use>
                </svg>
                <div class="name">base-文件夹关闭</div>
                <div class="code-name">#icon-folderclose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangqing"></use>
                </svg>
                <div class="name">base-详情</div>
                <div class="code-name">#icon-xiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-subscriber"></use>
                </svg>
                <div class="name">base-用户</div>
                <div class="code-name">#icon-subscriber</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete"></use>
                </svg>
                <div class="name">base-删 除</div>
                <div class="code-name">#icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-preview"></use>
                </svg>
                <div class="name">base-预览</div>
                <div class="code-name">#icon-preview</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leftslip"></use>
                </svg>
                <div class="name">base-左滑</div>
                <div class="code-name">#icon-leftslip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-screenshot"></use>
                </svg>
                <div class="name">base-截图</div>
                <div class="code-name">#icon-screenshot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bookmark"></use>
                </svg>
                <div class="name">base-书签管理</div>
                <div class="code-name">#icon-bookmark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tool"></use>
                </svg>
                <div class="name">base-辅助工具</div>
                <div class="code-name">#icon-tool</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-analysis"></use>
                </svg>
                <div class="name">base-分析功能</div>
                <div class="code-name">#icon-analysis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-role"></use>
                </svg>
                <div class="name">base-用户角色管理</div>
                <div class="code-name">#icon-role</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-folderopen"></use>
                </svg>
                <div class="name">base-文件夹打开</div>
                <div class="code-name">#icon-folderopen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuanzeliebiao"></use>
                </svg>
                <div class="name">base-选择列表</div>
                <div class="code-name">#icon-xuanzeliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-FldFilter"></use>
                </svg>
                <div class="name">base-字段过滤</div>
                <div class="code-name">#icon-FldFilter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-NavResourceRst"></use>
                </svg>
                <div class="name">base-资源搜索结果</div>
                <div class="code-name">#icon-NavResourceRst</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-userregister"></use>
                </svg>
                <div class="name">base-用户注册</div>
                <div class="code-name">#icon-userregister</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-projectprocess"></use>
                </svg>
                <div class="name">base-项目流程</div>
                <div class="code-name">#icon-projectprocess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-userauthority"></use>
                </svg>
                <div class="name">base-用户权限</div>
                <div class="code-name">#icon-userauthority</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-projectfilling"></use>
                </svg>
                <div class="name">base-项目填报</div>
                <div class="code-name">#icon-projectfilling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CheckDataTabs"></use>
                </svg>
                <div class="name">base-数据检查</div>
                <div class="code-name">#icon-CheckDataTabs</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-TickFinish"></use>
                </svg>
                <div class="name">base-我的已办</div>
                <div class="code-name">#icon-TickFinish</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-systemtool"></use>
                </svg>
                <div class="name">base-系统工具</div>
                <div class="code-name">#icon-systemtool</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-TickToDo"></use>
                </svg>
                <div class="name">base-我的待办</div>
                <div class="code-name">#icon-TickToDo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Condition"></use>
                </svg>
                <div class="name">base-条件选择</div>
                <div class="code-name">#icon-Condition</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-QryAtt"></use>
                </svg>
                <div class="name">base-属性查询</div>
                <div class="code-name">#icon-QryAtt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-SelAttRevise"></use>
                </svg>
                <div class="name">base-属性修改</div>
                <div class="code-name">#icon-SelAttRevise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-LoginDetail"></use>
                </svg>
                <div class="name">base-日志详情</div>
                <div class="code-name">#icon-LoginDetail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ReptDetail"></use>
                </svg>
                <div class="name">base-明细</div>
                <div class="code-name">#icon-ReptDetail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AttsModify"></use>
                </svg>
                <div class="name">base-属性批量修改</div>
                <div class="code-name">#icon-AttsModify</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-EntityLog"></use>
                </svg>
                <div class="name">base-实体日志</div>
                <div class="code-name">#icon-EntityLog</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AssignEntity"></use>
                </svg>
                <div class="name">base-实体权限</div>
                <div class="code-name">#icon-AssignEntity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ExpMoreInput"></use>
                </svg>
                <div class="name">base-过滤条件</div>
                <div class="code-name">#icon-ExpMoreInput</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-TickDetail"></use>
                </svg>
                <div class="name">base-工单详情</div>
                <div class="code-name">#icon-TickDetail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logs"></use>
                </svg>
                <div class="name">base-日志管理</div>
                <div class="code-name">#icon-logs</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-TickQuery"></use>
                </svg>
                <div class="name">base-工单查询</div>
                <div class="code-name">#icon-TickQuery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-TickCheck"></use>
                </svg>
                <div class="name">base-工单检查</div>
                <div class="code-name">#icon-TickCheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Ticket"></use>
                </svg>
                <div class="name">base-工单管理</div>
                <div class="code-name">#icon-Ticket</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ImpTable"></use>
                </svg>
                <div class="name">base-关联字段</div>
                <div class="code-name">#icon-ImpTable</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-retracting"></use>
                </svg>
                <div class="name">base-菜单回缩</div>
                <div class="code-name">#icon-retracting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-LoginLog"></use>
                </svg>
                <div class="name">base-登录日志</div>
                <div class="code-name">#icon-LoginLog</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-querycount"></use>
                </svg>
                <div class="name">base-查询统计</div>
                <div class="code-name">#icon-querycount</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-queryfilter"></use>
                </svg>
                <div class="name">base-查询过滤</div>
                <div class="code-name">#icon-queryfilter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-partreport"></use>
                </svg>
                <div class="name">base-部分报表</div>
                <div class="code-name">#icon-partreport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CheckOther"></use>
                </svg>
                <div class="name">base-其他检查</div>
                <div class="code-name">#icon-CheckOther</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-departmentedit"></use>
                </svg>
                <div class="name">base-部门编辑</div>
                <div class="code-name">#icon-departmentedit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-CheckResult"></use>
                </svg>
                <div class="name">base-查询结果</div>
                <div class="code-name">#icon-CheckResult</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AssignButton"></use>
                </svg>
                <div class="name">base-按钮权限</div>
                <div class="code-name">#icon-AssignButton</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ImpExcel"></use>
                </svg>
                <div class="name">base-表导入操作</div>
                <div class="code-name">#icon-ImpExcel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-departmentanduser"></use>
                </svg>
                <div class="name">base-部门与用户关联</div>
                <div class="code-name">#icon-departmentanduser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-attachment"></use>
                </svg>
                <div class="name">base-附件下载</div>
                <div class="code-name">#icon-attachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-allreport"></use>
                </svg>
                <div class="name">base-全部报表</div>
                <div class="code-name">#icon-allreport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-projectoverview"></use>
                </svg>
                <div class="name">base-项目概览</div>
                <div class="code-name">#icon-projectoverview</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search"></use>
                </svg>
                <div class="name">base-搜索</div>
                <div class="code-name">#icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-services"></use>
                </svg>
                <div class="name">base-综合服务</div>
                <div class="code-name">#icon-services</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-stcleanup"></use>
                </svg>
                <div class="name">base-实体清除</div>
                <div class="code-name">#icon-stcleanup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-window"></use>
                </svg>
                <div class="name">base-默认窗口</div>
                <div class="code-name">#icon-window</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-determine"></use>
                </svg>
                <div class="name">base-确定</div>
                <div class="code-name">#icon-determine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dateimport"></use>
                </svg>
                <div class="name">base-数据导入</div>
                <div class="code-name">#icon-dateimport</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-datamining"></use>
                </svg>
                <div class="name">base-数据挖掘</div>
                <div class="code-name">#icon-datamining</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ptparameter"></use>
                </svg>
                <div class="name">base-设置</div>
                <div class="code-name">#icon-ptparameter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-contact"></use>
                </svg>
                <div class="name">base-联系我们</div>
                <div class="code-name">#icon-contact</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-viewattachment"></use>
                </svg>
                <div class="name">base-查看附件</div>
                <div class="code-name">#icon-viewattachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-through"></use>
                </svg>
                <div class="name">base-审核通过</div>
                <div class="code-name">#icon-through</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-viewopinion"></use>
                </svg>
                <div class="name">base-查看审核意见</div>
                <div class="code-name">#icon-viewopinion</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-applyedit"></use>
                </svg>
                <div class="name">base-申请修改</div>
                <div class="code-name">#icon-applyedit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-userexamine"></use>
                </svg>
                <div class="name">base-用户审核</div>
                <div class="code-name">#icon-userexamine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-subsidy"></use>
                </svg>
                <div class="name">base-补贴目录</div>
                <div class="code-name">#icon-subsidy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-notthrough"></use>
                </svg>
                <div class="name">base-审核不通过</div>
                <div class="code-name">#icon-notthrough</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-policies"></use>
                </svg>
                <div class="name">base-政策法规</div>
                <div class="code-name">#icon-policies</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-all"></use>
                </svg>
                <div class="name">全部</div>
                <div class="code-name">#icon-all</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-launch"></use>
                </svg>
                <div class="name">我发起的流程</div>
                <div class="code-name">#icon-launch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-news"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-news</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-application"></use>
                </svg>
                <div class="name">应用功能</div>
                <div class="code-name">#icon-application</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-work"></use>
                </svg>
                <div class="name">办公</div>
                <div class="code-name">#icon-work</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leavep"></use>
                </svg>
                <div class="name">请假流程</div>
                <div class="code-name">#icon-leavep</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-my"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#icon-my</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-location"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-location</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-addto"></use>
                </svg>
                <div class="name">base-添加</div>
                <div class="code-name">#icon-addto</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-calendar"></use>
                </svg>
                <div class="name">base-日历</div>
                <div class="code-name">#icon-calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plf"></use>
                </svg>
                <div class="name">图片加载失败</div>
                <div class="code-name">#icon-plf</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
